<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>学生信息</title>
    <link rel="stylesheet" href="../static/css/management.css">
    <title>学生成绩管理</title>
    <link rel="stylesheet" href="../static/css/management.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css"/>
</head>
<body>
<header>
    <h1>学生信息管理</h1>
</header>

<div class="sidebar">
    <ul>
        <li class="logo">
            <a href="#">
                <span class="icon"><ion-icon name="person-outline"></ion-icon></span>
                <span class="text">个人头像</span>
            </a>
        </li>
        <li>
            <a href="./admin.html">
                <span class="icon"><ion-icon name="home-outline"></ion-icon></span>
                <span class="text">首页</span>
            </a>
        </li>
        <li>
            <a href="./check.html">
                <span class="icon"><ion-icon name="person-outline"></ion-icon></span>
                <span class="text">注册审核</span>
            </a>
        </li>
        <li>
            <a href="./management.html">
                <span class="icon"><ion-icon name="hammer-outline"></ion-icon></span>
                <span class="text">信息管理</span>
            </a>
        </li>
        <li>
            <a href="./analysis.html">
                <span class="icon"><ion-icon name="bar-chart-outline"></ion-icon></span>
                <span class="text">成绩管理</span>
            </a>
        </li>
        <li>
            <a href="./change_password.html">
                <span class="icon"><ion-icon name="settings-outline"></ion-icon></span>
                <span class="text">修改密码</span>
            </a>
        </li>
        <div class="bottom">

            <li>
                <a class="logout" style="cursor: pointer;">
                    <span class="icon"><ion-icon name="log-out-outline"></ion-icon></span>
                    <span class="text">登出</span>
                </a>
            </li>
        </div>
    </ul>
</div>

<div class="container my-4">
    <h2><i style="padding-right: 100px">学生列表</i> <input type="text" id="search-input" placeholder="请输入名字"/>
        <button id="search-button">搜索</button>
    </h2>

    <table class="table table-striped">
        <thead>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>描述</th>
            <th>性别</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody></tbody>
    </table>

    <div class="input-box-wrapper">
        <div class="box1">
            <h2>添加学生信息</h2>

            <form>
                <div class="mb-3">
                    <label for="id" class="form-label">学号</label>
                    <input type="text" class="form-control" id="id" name="id"/>
                </div>
                <div class="mb-3">
                    <label for="name" class="form-label">姓名</label>
                    <input type="text" class="form-control" id="name" name="name"/>
                </div>
                <div class="mb-3">
                    <label for="gender" class="form-label">性别</label>
                    <select class="form-select" aria-label="Default select example" id="gender" name="gender">
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">提交</button>
                <button type="button" class="btn btn-primary tool" style="float: right">清除</button>
            </form>
        </div>

        <div class="box2">
            <h2>修改学生信息</h2>
            <form>
                <div class="mb-3">
                    <label for="name" class="form-label">姓名</label>
                    <input type="text" class="form-control" id="newName" name="name"/>
                </div>

                <div class="mb-3">
                    <label for="gender" class="form-label">性别</label>
                    <select class="form-select" aria-label="Default select example" id="newGender" name="gender">
                        <option value="0">男</option>
                        <option value="1">女</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">确认修改</button>
                <button type="button" class="btn btn-primary btn-cel" style="float: right">取消</button>
            </form>
        </div>
    </div>
</div>

</div>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<script src="../src/js/management.js"></script>
<script src="../src/js/userAction.js"></script>
<script>
    $(".logout").click(function () {
        logout();
    })
</script>
</body>
</html>
